//nodejs服务器
const express = require('express');
const Vue = require('vue');
// 创建express实例和vue实例
const app = express();
// 创建渲染器
const renderer = require('vue-server-renderer').createRenderer();


// 将来用渲染器 渲染page可以得到html内容
const page = new Vue({
    data: { title: '渲染吧' },
    template: `
    <div class="">hello,vue ssr! <hr>
    <h1>{{title}}</h1>
    </div>
    `
});

app.get('/', async (req, res) => {
    try {
        const html = await renderer.renderToString(page);
        console.log(html);
        res.send(html);
    } catch (e) {
        res.status(500).send(e.message)
    }
})

app.listen(3300, () => {
    console.log('渲染服务器启动成功');
})